<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>jquery的ajax请求</h1>
    <button id="btn">发起请求</button>
</body>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>


    btn.onclick = function () {

        // $.ajax(json)

        // 基本语法
        /* $.ajax({
            type:"get",// 请求方法 get(默认) |post |put  |delete
            url:"",//请求地址 默认是本页面
            data:{
                // 参数  默认是空对象
            },
            success(data){
                // 请求成功之后执行的函数
            },
            error(){
                // 请求失败的回调函数
            }
        }) */



        
        /* $.ajax({
            // type:"get",// 如果是get  则可以省写
            url:"http://localhost:3000/students",
            success(data){
                console.log(data);
            }
        }) */


        // 传参
        /* $.ajax({
            url:"http://localhost:3000/students",
            data:{
                a:111,
                b:"222",
                c:[1,2,3],
                d:{name:'zs'}
            },
            success(data){
                console.log(data);
            }
        }) */
        

        // 404 错误
        /* $.ajax({
            url:"http://localhost:3000/stuents",
            data:{
                a:111,
                b:"222",
                c:[1,2,3],
                d:{name:'zs'}
            },
            success(data){
                console.log(data);
            },
            error(err){
                console.log(err);
            }
        }) */


        /* // url省写  默认是本页面
        $.ajax({
            data:{
                a:111,
                b:"222",
                c:[1,2,3],
                d:{name:'zs'}
            },
            success(data){
                console.log(data);
            },
            error(err){
                console.log(err);
            }
        }) */



        // post请求和传参
        $.ajax({
            type:"post",
            url:"http://localhost:3000/students",
            data:{
                a:111,
                b:"222",
                c:[1,2,3],
                d:{name:'zs'}
            },
            success(data){
                console.log(data);
            },
            error(err){
                console.log(err);
            }
        })

    }



</script>